<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<%@include file="common/head.jsp"%>
<body>

    <%@include file="common/header.jsp"%>

    <div id="slider_body">
        <ul id="slider">
            <li>
                <img src="img/slid/slid-1.png" alt="Slid 1" title="">
            </li>

            <li>
                <img src="img/slid/slid-2.png" alt="Slid 2" title="">
            </li>

            <li>
                <img src="img/slid/slid-3.png" alt="Slid 3" title="">
            </li>
        </ul>
    </div><!-- #slider_body -->

    <section id="main" class="home">
        <div class="container_12">
            <div id="content">
                <div class="grid_12">
                    <h2 class="product-title">藏品欣赏</h2>
                </div><!-- .grid_12 -->

                <div class="clear"></div>

                <div class="products">
                    <c:forEach items="${products}" var="product">
                        <article class="grid_3 article">
                            <img class="sale" src="img/sale.png" alt="Sale">
                            <div class="prev">
                                <a href="product?productId=${product.productId}"><img src="${product.imagePath}" alt="Product 1" title=""></a>
                            </div>
                            <h3 class="title">${product.name}</h3>
                            <div class="cart">
                                <div class="price">
                                    <div class="vert">
                                        <span>￥<span>${product.price}</span></span>
                                        <div class="price_old">￥<span>${product.oldPrice}</span></div>
                                    </div>
                                </div>
                                <a href="#" class="obn"></a>
                                <a href="#" class="like"></a>
                                <a href="#" class="bay"><img src="img/bg_cart.png" alt="Buy" title=""></a>
                            </div>
                        </article>
                    </c:forEach>
                    <div class="clear"></div>
                </div><!-- .products -->
                <div class="clear"></div>
            </div><!-- #content -->

            <div class="clear"></div>


        </div><!-- .container_12 -->
    </section><!-- #main.home -->
    <div class="clear"></div>

    <%@include file="common/footer.jsp"%>

    <%@include file="common/script.jsp"%>
</body>
</html>
